<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="xiu_DIY.css">
</head>

<body>
    <div class="D_main">
        <div class="mb">
            <span>名称：<input type="text"></span> <span>前台显示：<select name="" id="">
                        <option value="">是</option>
                        <option value="">否</option>
            </select></span>
            <span>排序：<input type="text"></span>
        </div>
        <div class="mb">
            <span>搜索：<input type="text"></span>
            <span>类别：专题</span> <span>状态：已发布</span> <span>时间段<input type="text"></span>
        </div>
        <div class="mb">
            <p>搜索结果：</p>
            <table>
                <thead>
                    <tr>
                        <td><input type="radio"></td>
                        <td>专题名称</td>
                        <td>创建时间</td>
                        <td>修改时间</td>
                        <td>发布时间</td>
                        <td>关注数</td>
                        <td>收藏数</td>
                        <td>文章数量</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="radio"></td>
                        <td>专题名称4</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>12</td>
                        <td>10</td>
                        <td>5</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="mb">
            <p>已加入：</p>
            <table>
                <thead>
                    <tr>
                        <td><input type="radio"></td>
                        <td>专题名称</td>
                        <td>创建时间</td>
                        <td>修改时间</td>
                        <td>发布时间</td>
                        <td>关注数</td>
                        <td>收藏数</td>
                        <td>文章数量</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="radio"></td>
                        <td>专题名称1</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>2018-9-15 08:30:23</td>
                        <td>12</td>
                        <td>10</td>
                        <td>5</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="btn">
            <button>修改</button>
            <button>取消</button>
        </div>
    </div>
</body>

</html>